<template>
   <div style="text-align:center">
       <!-- 头像 -->
            <el-row class="demo-avatar demo-basic">
              <el-col :span="12">
      <div class="sub-title">
      </div>
      <div class="demo-basic--circle">
        <div class="block "><el-avatar :size="50" :src="circleUrl" class="tx"></el-avatar></div>
        
      </div>
    </el-col> 
     </el-row> 
      <div><span>姓名：</span>{{this.selData1.name}}</div>
      <div><span>班级：</span>{{this.selData1.class}}</div>
        <div><span>项目：</span>{{this.selData1.productUrl}}</div>
      <!-- <table>
         <tr v-for="(v,k,i) in selData1" :key="i">
            <td>{{k}}:{{v}}</td>

         </tr>
      </table> -->
   </div>
</template>
<script>

import { getStuList } from '../../../../api';
export default { 
   data(){
      return {
selData1:{

},
circleUrl: ""
      }
   },
   mounted(){
      console.log(this.$route.query._id);
      let id=this.$route.query._id
      getStuList()
      .then(res=>{
         console.log(res.data.data);
         let selData=res.data.data
      selData=selData.filter(item=> item._id==id)
      
this.selData1=selData[0]
this.circleUrl=this.selData1.headimgurl
console.log(this.selData1);
      })
   }
   
}
</script>